<!DOCTYPE html>
<html lang="en">
<!-- 
Copyright by Pietro Lusso 2014

Welcome source-code reader. You seems to be interested how Finalministry works.
If your skills in Java, Maven, H2, SQL, REST, HTML, SVN or GIT and so on are on a professional level and you have good teamwork softskills,
then what are you waiting for? Contact me ... info@pietro-lusso.de ... 
But please contact me only if your interest is in contributing to this free software and not in a commercial application. Thanks!
 -->
<head>
<meta charset="utf-8">
<meta name="author" content="Pietro Lusso">
<!-- Meta no cache -->
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<!-- Title -->
<title>Finalministry V2.0</title>
<!-- JQuery and UI -->
<link rel="stylesheet" href="#HOME#/css/jquery-ui.css">
<script src="#HOME#/js/jquery.min.js"></script>
<script src="#HOME#/js/jquery-ui.js"></script>

<!-- Bootstrap -->
<link rel="stylesheet" href="#HOME#/css/bootstrap.min.css">
<script src="#HOME#/js/bootstrap.min.js"></script>

<!-- OpenLayers 3 -->
<link rel="stylesheet" href="#HOME#/css/ol.css" type="text/css">
<link rel="stylesheet" href="#HOME#/css/ol3-layerswitcher.css" type="text/css">
<script src="#HOME#/js/ol.js" type="text/javascript"></script>
<script src="#HOME#/js/ol3-layerswitcher.js" type="text/javascript"></script>

<!-- Colorpicker -->
<link rel="stylesheet" media="screen" type="text/css" href="#HOME#/components/colorpicker/css/colorpicker.css" />
<script type="text/javascript" src="#HOME#/components/colorpicker/js/colorpicker.js"></script>

<!-- Finalministry own css -->
<link rel="stylesheet" href="#HOME#/css/finalministry.css">
</head>
<body>
	<div class="site-wrapper">
		<div class="site-wrapper-inner">
		
			<!-- NAVIGATION BAR -->
			<div class="navbar-wrapper">
				<div class="container">
					<nav class="navbar navbar-inverse navbar-static-top navbar-fixed-top" role="navigation">
						<div class="container-fluid">
							<div id="navbar" class="navbar-collapse collapse">
								<ul class="nav navbar-nav navbar-left">
									<li><a href="/" style="color: #0f0" title="HOME"><span class="glyphicon glyphicon-home"></span></a></li>
									<li><a href="#" path="Help" style="color: #ffaf00" title="HANDBOOK / HELP"><span class="glyphicon glyphicon-book"></span></a></li>
									<li class="dropdown active"><a title="EXTRAS" href="#" class="dropdown-toggle btn-link" data-toggle="dropdown" role="button" aria-expanded="false" style="color: #ff0"><span class="glyphicon glyphicon-th-list"></span></a>
										<ul class="dropdown-menu" role="menu">
											<li><a href="#" path="Settings">Settings</a></li>
											<li><a href="#" path="Import">Import</a></li>
											<li><a href="#" path="Export">Export</a></li>
											<li><a href="#" path="Statistics">Statistics</a></li>
											<li role="presentation" class="divider"></li>
											<li><a href="#" path="Advanced" title="For experts only">Advanced</a></li>
										</ul></li>
									<!-- TODO: Select a congregation and update the text inside. If there is only one, then display this. -->
									<li class="dropdown"><a href="#" class="dropdown-toggle darkerBlueButton" data-toggle="dropdown" role="button" aria-expanded="false" style="color: #fff">Select congregation <span class="caret"></span></a>
										<ul class="dropdown-menu" role="menu" id="congregationList">
											<li><a class="btn btn-primary btn-lg" style=" border-radius: 0px;" href="#">Add a new one ...</a></li>
<!-- 											<li><a href="#">Leinfelden-Echterdingen</a></li> -->
<!-- 											<li><a href="#">Esslingen</a></li> -->
<!-- 											<li><a href="#">Reutlingen</a></li> -->
										</ul></li>
									<li><button type="button" path="Contacts" class="btn btn-default navbar-btn darkerButton" aria-label="Left Align">
											<span class="glyphicon glyphicon-user" aria-hidden="true"></span> Contacts
										</button></li>
									<li><button type="button" path="Territories" class="btn btn-default navbar-btn darkerButton" aria-label="Left Align">
											<span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> Territories
										</button></li>
									<li><button type="button" path="DesignMap" class="btn btn-default navbar-btn darkerButton" aria-label="Left Align">
											<span class="glyphicon glyphicon-picture" aria-hidden="true"></span> Design Map
										</button></li>
									<li><button type="button" path="PrintManager" class="btn btn-default navbar-btn darkerButton" aria-label="Left Align">
											<span class="glyphicon glyphicon-print" aria-hidden="true"></span> Print
										</button></li>
									<li><button type="button" class="btn btn-default navbar-btn darkerButton" aria-label="Left Align" onclick="FM.toggleFullScreen();">
											<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> Fullscreen
										</button></li>
									<li><a onclick="FM.showAskSimpleQuestionDialog('Shutdown Finalministry','Are you sure?');" href="#" style="color: #f00" title="OFF"><span class="glyphicon glyphicon-off"></span></a></li>
								</ul>
							</div>
						</div>
					</nav>
				</div>
			</div> <!-- / NAVIGATION BAR -->
			
			<!-- Dynamic content -->
			<div class="container-fluid" id="fmContent">
				<div class="cover-container">
					<div>
						<h1 class="cover-heading">Finalministry Territory Managment</h1>
					</div>
				</div>
				
				<!-- Modules, what Finalministry can do for you -->
				<div class="row">
					<div class="col-xs-3">
						<h4>Contacts</h4>
						<p>
							<a href="#"><img path="Contacts" src="#HOME#/icons/Contacts-Group-icon.png" width="89" /></a>
						</p>
						<p>Manage contacts, add new, edit or delete.</p>
					</div>
					<div class="col-xs-3">
						<h4>Territories</h4>
						<p>
							<a href="#"><img path="Territories" src="#HOME#/icons/territory.png" width="89" /></a>
						</p>
						<p>Manage territories and the contacts inside a territory.</p>
					</div>
					<div class="col-xs-3">
						<h4>Design Maps</h4>
						<p>
							<a href="#"><img path="DesignMap" src="#HOME#/icons/map.png" width="89" /></a>
						<p>
						<p>Draw the borders of the territories on the map.</p>
					</div>
					<div class="col-xs-3">
						<h4>Print</h4>
						<p>
							<a href="#"><img path="PrintManager" src="#HOME#/icons/Printer-Laser-icon.png" width="89" /></a>
						</p>
						<p>Print different formats of maps and contact lists.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-3">
						<h4>Import Data</h4>
						<p>
							<a href="#"><img path="Import" src="#HOME#/icons/import.png" width="89" /></a>
						</p>
						<p>Import data from other sources, like Ministry Assistant, Finalministry XML, CSV ...</p>
					</div>
					<div class="col-xs-3">
						<h4>Export Data</h4>
						<p>
							<a href="#"><img path="Export" src="#HOME#/icons/export.png" width="89" /></a>
						</p>
						<p>Export your data in different formats like KML, XML, CSV and so on.</p>
					</div>
					<div class="col-xs-3">
						<h4>Settings</h4>
						<p>
							<img src="#HOME#/icons/settings.png" width="89" />
						</p>
						<p>Choose language and other stuff.</p>
					</div>
					<div class="col-xs-3">
						<h4>Statistics</h4>
						<p>
							<img src="#HOME#/icons/statistics-icon.png" width="89" />
						</p>
						<p>Check the statistics of congregations, territories, contacts and so on.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-3">
						<h4>Learn</h4>
						<p>
							<img src="#HOME#/icons/learn.png" width="89" />
						</p>
						<p>Learn how to use Finalministry. It's easy. You can do it!</p>
					</div>
					<div class="col-xs-3">
						<h4>Advanced User Mode</h4>
						<p>
							<a href="#"><img path="Advanced" src="#HOME#/icons/advanced.png" width="89" /></a>
						</p>
						<p>Use your SQL skills for performing analysis of data, or write your own Java plugins.</p>
					</div>
				</div>
			</div>
		</div>
	</div><!-- /Dynamic content -->
	<script src="#HOME#/js/finalministry.js" type="text/javascript"></script>
	<script type="text/javascript">
		// Let's initialize the page
		FM.init();
		
		// User plugins
		// ... to be implemented
	</script>
</body>
</html>